<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Garboyo | Garden Suroboyo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Starter files for implementing Twitter Bootstrap's Carousel -- using Bootstrap version 2.0.4">
    

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 95px;
        padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 30px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

     </head>

	  <div id="wrap">

<div id="header">

	<div class="header">
		<a ><img border=0 src="img/header1.jpg" /></a>
		
	</div>

</div>
</div>

  <body>
  
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <div>
          <a class="brand" href="#">GARBOYO</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a href="home.php">Home</a></li>
					 
              <li ><a href="tentang garboyo.php">Tentang Garboyo</a></li>
              <li><a href="galeri.php">Galeri</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      Wisata Taman
                      <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                  <li><a href="taman.php">Taman</a></li>
                  <li><a href="kebun.php">Kebun</a></li>
                </ul>
			  <li><a href="penjadwalan.php">Penjadwalan</a></li>
				</li>
	      
		 
			
    	</ul>
		</div>
		
		       
		</div>
		</div>
	
	<div class="navbar-inner">
    <div>
	<!-- <div id="div_login" style=" float: left;">
		<form>
        <input type="text" class="span2" placeholder="Login"/>
        <input type="text" class="span2" placeholder="Password">
        <input type="submit" value="Login" class="btn"/>
		<input type="submit" value="Registrasi" class="btn"/>
    </form>
	</div> -->

	<div id="div_login" style=" float: right;">
		<form class="navbar-search pull-right" action="">
        <input type="text" class="search-query span2" placeholder="Search">
        </form>
		
		</div>
		</div>
		</div>
		

              </li><!-- dropdown -->
            </ul><!-- /.nav -->
          </div><!--/.nav-collapse -->
        </div><!-- /.container -->
      </div><!-- /.navbar-inner -->
    </div><!-- /.navbar -->


    <div class="container">

      <!--  Carousel -->
      <!--  consult Bootstrap docs at 
            http://twitter.github.com/bootstrap/javascript.html#carousel -->
      <div id="this-carousel-id" class="carousel slide">
        <div class="carousel-inner">
          <div class="item active">
            <img src="img/TB.jpg" alt="Taman Binatang" />
            </a> 
            <div class="carousel-caption">
              <p>Taman Binatang</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TS.jpg" alt="Taman Yos Sudarso" />
              <div class="carousel-caption">
              <p>Taman Yos Sudarso</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TL.jpg" alt="Taman Lansia" />
              <div class="carousel-caption">
              <p>Taman Lansia</p>
              </div>
          </div>
		  <div class="item">
              <img src="img/TPS.jpg" alt="Taman Pelangi" />
              <div class="carousel-caption">
              <p>Taman Pelangi</p>
              </div>
          </div>
		   <div class="item">
           <img src="img/TP.jpg" alt="Taman Prestasi" />
           <div class="carousel-caption">
              <p>Taman Prestasi</p>
            </div>
          </div>
        </div><!-- .carousel-inner -->
        <!--  next and previous controls here
              href values must reference the id for this carousel -->
          <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
      </div><!-- .carousel -->
      <!-- end carousel -->

      <!-- Example row of columns -->
	        <div class="row">
	      
	     
		</div>
		
      <div class="row">
	      
	    <div class="alert alert-block" style="width: 1173px; height: 638px;">
		<div class="alert alert-block" style="width: 1128px; height: 30px; ">
		<h1> Kebun Surabaya </h1>
		 </div>
	<!--<div id="div_login" style=" float: right;">
    <ul class="thumbnails">
    <li class="span4">
    <div class="thumbnail">
      <iframe width="361" height="270" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.id/maps?f=q&amp;source=s_q&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308&amp;output=embed"></iframe>
      <br /><small><a href="https://maps.google.co.id/maps?f=q&amp;source=embed&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308" style="color:#0000FF;text-align:left">Lihat Peta Lebih Besar</a></small>
    </div>
    </li>
    </ul>
	
	</div> -->
		<h1></h1>
		<!-- Post Starts -->
			<div class="post arc">
			<h2><a href="kebun.php" rel="bookmark" title="Kebun Binatang">Kebun Binatang</a></h2>
			<a title="Kebun Binatang" href="kebun.php"><img src="img/KBS.jpg" alt="Kebun Binatang" class="git-image fr" width="169" height="123"/></a>	<p class="post-meta">
			<span class="post-date">Nopember 24, 2012</span>
			<span class="post-category">in <a href="kebun.php" title="Liat semua tentang kebun" rel="category tag">Kebun</a></span>
			</p>
			<div class="entry">
			<p>Revitalisasi Kebun Binatang dengan konsep Sport, Education, dan Entertainment telah diresmikan sejak 21 Maret 2007. Area seluas 900 m2 yang dibangun dana sekitar Rp 1,2 milyar itu pun dilengkapi berbagai fasilitas, seperti skateboard & sepeda BMX track, jogging track, plaza (sebuah open stage yang bisa digunakan untuk live performance berbagai jenis entertainment)..[...]</p>
			</div><!-- /.entry -->
			<div class="post-more">
			<span class="btn"><a href="kebun binatang.php#respond" title="Komentar Anda Tentang Kebun Binatang">0 Komentar</a></span>
			<span class="btn"><a href="Kebun binatang.php" rel="bookmark" title="Baca lebih ke Kebun Binatang">Baca lebih</a> &raquo;</span>
			</div>
			<div class="clear"></div>
			</div><!-- /.post -->
			
			<!-- Post Starts -->
			<div class="post arc">
			<h2><a href="kebun.php" rel="bookmark" title="Kebun Bibit">Kebun Bibit</a></h2>
			<a title="Kebun Bibit" href="kebun.php"><img src="img/KB.jpg" alt="Kebun Bibit" class="git-image fr" width="169" height="123"/></a>	<p class="post-meta">
			<span class="post-date">Nopember 24, 2012</span>
			<span class="post-category">in <a href="kebun.php" title="Liat semua tentang kebun" rel="category tag">Kebun</a></span>
			</p>
			<div class="entry">
			<p>Revitalisasi Kebun Bibit dengan konsep Sport, Education, dan Entertainment telah diresmikan sejak 21 Maret 2007. Area seluas 900 m2 yang dibangun dana sekitar Rp 1,2 milyar itu pun dilengkapi berbagai fasilitas, seperti skateboard & sepeda BMX track, jogging track, plaza (sebuah open stage yang bisa digunakan untuk live performance berbagai jenis entertainment)..[...]</p>
			</div><!-- /.entry -->
			<div class="post-more">
			<span class="btn"><a href="kebun bibit.php#respond" title="Komentar Anda Tentang Kebun Bibit">0 Komentar</a></span>
			<span class="btn"><a href="Kebun bibit.php" rel="bookmark" title="Baca lebih ke Kebun Bibit">Baca lebih</a> &raquo;</span>
			</div>
			<div class="clear"></div>
			</div><!-- /.post -->
			
			       
		</div>
	  
	  
	  <div class="footer-widget">
      <h4>Temukan Kami Disini..</h4>
      <div id="social"> <a href="http://twitter.com/" class="s3d twitter"> Twitter <span class="icons twitter"></span> </a> <a href="http://www.facebook.com/" class="s3d facebook"> Facebook <span class="icons facebook"></span> </a>
    </div>

      <hr>
</div>

	
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <!-- Bootstrap jQuery plugins compiled and minified -->
    <script src="js/bootstrap.min.js"></script>
    <script>
      $(document).ready(function(){
        $('.carousel').carousel({
          interval: 4000
        });
      });
    </script>

  </body>
</html>
